<!DOCTYPE html>
<html>

<head>
    <title>溯源码查询</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.">
    <link rel="stylesheet" href="./css/weui.min.css">
    <link rel="stylesheet" href="./css/jquery-weui.min.css">
    <link rel="stylesheet" href="./css/demos.css">
    <style>
        @media screen and (min-width: 900px) {
            body {
                max-width: 500px;
                /* max-height: 500px; */
                margin: 0 auto;
            }
        }
    </style>
</head>

<body ontouchstart>
    <div class="weui-cells" style="margin-top: 0;">
        <div class="weui-cell">
            <div class="weui-cell__hd">
                <img style="width: 20px;" src="./images/search.png"/>
            </div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="请输入溯源码">
            </div>
        </div>
    </div>
    <div class="search-btn">
        <a href="javascript:;" class="weui-btn weui-btn_primary" style="background: #0068B7">查询</a>
    </div>

    <script src="./js/jquery-2.1.4.js"></script>
    <script src="./js/jquery-weui.min.js"></script>
    <script src="./js/fastclick.js"></script>
    <script>
        $(function () {
            FastClick.attach(document.body);
        });
    </script>
</body>

</html>